.contend {
  max-width: 24rem;
  padding: 0px !important;
  margin: 0 !important;
  min-width: 12.8rem;
  width: 24rem;
  // width: 100%;
  height: 13.5rem;
  background: url(/static/img/big/jinbu.png) no-repeat;
  background-size: 24rem 13.5rem;
  .el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #7ba1ce !important;
    color: black !important;
  }
  .el-table {
    background-color: transparent; 

    th {
      background-color: transparent !important;
    }
    tr {
      background: url(/static/img/big/bj2.png) no-repeat;
      background-size: cover;
      height: 0.5rem;
    }
    tr:hover {
      color: black !important;
    }
  }
  .el-table th > .cell {
    color: #fff;
  }
  .el-table thead {
    background: url(/static/img/big/bj2.png) no-repeat;
    background-size: cover;
  }

  .el-table::before {
    height: 0;
  }
  .head {
    position: relative;
    height: 1.25rem;
    .title {
      font-size: 0.5rem;
      color: rgba(88, 252, 254, 1);
      line-height: 1.25rem;
      text-align: center;
    }
    .headleft {
      position: absolute;
      .el-icon-full-screen {
        color: #58fcfe;
        background-color: transparent;
        border: 0;
        font-size: 50px;
        cursor: pointer;
      }
    }
    .headright {
      color: rgba(255, 255, 255, 1);
      position: absolute;
      top: 0.3rem;
      right: 0.7rem;
      .nowDate {
        float: left;
        font-size: 0.2rem;
        line-height: 0.3rem;
      }
      .nowHour {
        float: left;
        font-size: 20px;
        font-weight: bold;
        margin-left: 15px;
        line-height: 0.3rem;
      }

      .weather {
        margin-left: 10px;
        float: left;
        line-height: 0.3rem;
        font-size: 14px;
        span {
          float: left;
          margin-right: 0.1rem;
        }
        .fs {
          font-size: 20px;
        }
      }
      .el-icon-sunrise {
        float: left;
        width: 33px;
        line-height: 0.3rem;
        font-size: 20px;
        margin-left: 12px;
      }
    }
  }
}
.main_content {
  color: rgba(255, 255, 255, 1);
  min-width: 12.8rem;
  max-width: 24rem;
  display: flex;
  padding: 0.125rem 0.125rem 0;
  .main_left {
    flex: 4;
    margin-top: 0.525rem;
    background-color: transparent;
    .todayDate {
      position: relative;
      padding-left: 0.1875rem;
      // margin-top: 0.95rem;
      position: relative;
      height: 2.125rem;
      // background-color: #fff;
      .todayDate_title {
        line-height: 0.3rem;
        font-size: 0.3rem;
        img {
          vertical-align: middle;
        }
      }
      .dateImg {
        height: 0.75rem;
        // background-color: red;
        .dateImg1 {
          float: left;
          margin-top: 0.25rem;
          div {
            font-size: 14px;
          }
          img {
            margin-top: 0.25rem;
            width: 1.75rem;
            height: 0.575rem;
          }
          .dateNum {
            font-size: 0.3rem;
            color: rgba(88, 252, 254, 1);
          }
        }
        .dateImg2 {
          float: left;
          margin-left: 0.48rem;
          margin-top: 0.25rem;
          div {
            font-size: 14px;
          }
          img {
            margin-top: 0.25rem;
            width: 1.75rem;
            height: 0.575rem;
          }
          .dateNum {
            font-size: 0.3rem;
            color: rgba(88, 252, 254, 1);
          }
        }
        .dateImg3 {
          margin-left: 0.48rem;
          float: left;
          margin-top: 0.25rem;
          div {
            font-size: 14px;
          }
          img {
            margin-top: 0.25rem;
            width: 1.75rem;
            height: 0.575rem;
          }
          .dateNum {
            font-size: 0.3rem;
            color: rgba(88, 252, 254, 1);
          }
        }
      }
    }
    .courseStar {
      margin-top: 0.7125rem;
      position: relative;
      height: 3.075rem;
      padding-left: 17px;
      // background-color: #be2a2a;
      .starLeft {
        position: relative;
        float: left;
        width: 3.1875rem;
        height: 3.075rem;
        background: url(/static/img/big/zu19.png) no-repeat;
        background-size: contain;
        .starTitle {
          width: 2.5rem;
          height: 0.32125rem;
          position: absolute;
          top: 0.1rem;
          left: 0.175rem;
          height: 0.3rem;
          font-size: 0.3rem;
          img {
            width: 0.32125rem;
            height: 0.32125rem;
          }
        }
        .todaypic {
          position: absolute;
          width: 2.925rem;
          height: 2.1125rem;
          background-color: black;
          top: 0.5375rem;
          left: 0.175rem;
        }
        .firstPer {
          position: absolute;
          color: rgba(0, 0, 0, 1);
          font-size: 0.175rem;
          font-weight: 400;
          left: 0.9rem;
          bottom: 0.075rem;
          width: 1.4rem;
          height: 0.2rem;
        }
      }
      .startDateTable {
        float: left;
        margin-top: 0.4rem;
        height: 2.6695rem;
        width: 3.915rem;
        .startDate {
          position: relative;
          margin-left: 0.22rem;
          margin-bottom: 0.1rem;
          display: inline-block;
          width: 1.7125rem;
          height: 1.2375rem;
          background: url(/static/img/big/bj.png) no-repeat;
          background-size: contain;
          .classNumP {
            position: absolute;
            left: 0.1625rem;
            top: 0.3125rem;
            width: 0.5875rem;
            height: 0.5875rem;
            img {
              width: 0.5875rem;
              height: 0.5875rem;
            }
          }
          .classNumT {
            position: absolute;
            left: 0.875rem;
            top: 0.375rem;
            color: rgba(255, 255, 255, 1);
            font-size: 0.15rem;
            width: 0.73375rem;
            height: 0.1625rem;
            text-align: center;
          }
          .classNum {
            position: absolute;
            left: 0.875rem;
            top: 0.7125rem;
            color: rgba(88, 252, 254, 1);
            font-size: 0.2rem;
            font-weight: bold;
            width: 0.73375rem;
            height: 0.225rem;
            text-align: center;
          }
        }
      }
    }
    .conpanyRank {
      position: relative;
      margin-top: 0.6375rem;
      height: 3.9125rem;
      padding-left: 0.2rem;
      // background-color:purple ;
      .rankTiele {
        margin-bottom: 0.2375rem;
        width: 2rem;
        height: 0.3rem;
        vertical-align: middle;
        font-size: 0.3rem;
        color: rgba(88, 252, 254, 1);
        img {
          width: 0.2475rem;
          height: 0.3rem;
          vertical-align: middle;
          margin-right: 0.175rem;
        }
      }
      #companyRank{
                position: relative;
                width: 6.075rem;
                height: 4rem;
                align-items: flex-start;
                background-color: transparent;
                overflow: auto;
                ul{
                  li{
                    // background: url(/static/img/big/公司排行榜/bj.png) no-repeat;
                    // background-size: cover;
                    .RankName{
                      width: 1.2rem;
                      height: .5rem;
                      text-align: center;
                    }
                    .RankTeam{
                      width: 1.5rem;
                      height: .5rem;
                      text-align: center;
                    }
                    .RankTeamNum{
                      width: .886rem;
                      height: .5rem;
                      text-align: center;
                    }
                    .RankSigNum{
                      width: 1.3rem;
                      height: .5rem;
                      text-align: center;
                    }
                    .RankBackMoe{
                      width: 1.3rem;
                      height: .5rem;
                      text-align: center;
                    }
                  }
                }
      }
    }
  }
  .main_middle {
    position: relative;
    flex: 5;
    // overflow: hidden;
    margin-top: 0.525rem 0.125rem 0.1875rem;
    width: 9rem;
    // padding-left: 0.55rem;
    // background-color: yellow;
    .topStar {
      position: relative;
      margin-top: 22px;
      height: 6.25rem;
      .switch {
        height: 0.3375rem;
        text-align: right;
        .switchButton {
          position: absolute;
          right: 1rem;
          top: 0.2rem;
          z-index: 99;
        }
      }
      .swiper-container {
        width: 7.5rem;
        height: 3.75rem;
      }
      .video {
        position: relative;
        margin-top: 0.55rem;
        width: 8.5875rem;
        height: 5.17625rem;
        background: url(/static/img/big/shipin.png) no-repeat;
        background-size: contain;
        .videoT {
          position: absolute;
          left: 0.4875rem;
          top: 0.3625rem;
          font-size: 0.3rem;
          color: rgba(88, 252, 254, 1);
          img {
            margin-right: 0.125rem;
            vertical-align: middle;
            width: 0.3rem;
            height: 0.2875rem;
          }
        }
        .videoArea {
          position: absolute;
          width: 7.8375rem;
          height: 3.5125rem;
          background-color: rgba(0, 151, 248, 1);
          left: 0.4875rem;
          top: 0.9125rem;
          video {
            height: 3.5125rem;
            width: 7.8375rem;
          }
        }
        .sumSig {
          position: absolute;
          font-size: 0.2rem;
          color: rgba(130, 242, 253, 1);
          left: 0.4875rem;
          bottom: 0.2625rem;
          width: 1.4rem;
          height: 0.225rem;
        }
        .firstN {
          position: absolute;
          font-size: 0.225rem;
          color: rgba(0, 0, 0, 1);
          font-weight: 400rem;
          left: 3.275rem;
          bottom: 0.15rem;
          width: 2.09rem;
          height: 0.25rem;
        }
        .backM {
          position: absolute;
          font-size: .2rem;
          color: rgba(130, 242, 253, 1);
          font-weight: 400rem;
          right: 0.25rem;
          bottom: 0.2625rem;
          width: 1.525rem;
          height: 0.225rem;
        }
      }
      .swiper-container {
        overflow: hidden;
        position: relative;
        width: 8.625rem;
        height: 6.225rem;
        .jb {
          width: 8.625rem;
          height: 6.225rem;
          background: url(/static/img/big/paihangbang.png) no-repeat;
          background-size: contain;
          .Top3Tiele {
            position: absolute;
            left: 50%;
            margin-left: -1.7125rem;
            width: 3.425rem;
            height: 0.5875rem;
            background: url(/static/img/big/xiaoguan.png) no-repeat;
            background-size: contain;
            text-align: center;
            line-height: 0.5875rem;
            font-size: 0.375rem;
            font-weight: bold;
          }
          .Top1-Area {
            position: absolute;
            width: 2.1725rem;
            height: 2.1725rem;
            top: 1.9375rem;
            left: 3.2375rem;
            background: url(/static/img/big/diyi.png) no-repeat;
            background-size: contain;
            .topImg {
              position: absolute;
              width: 1.49125rem;
              height: 1.49125rem;
              background-color: #2362FB;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              border-radius: 50%;
              img{
                width: 100%;
                height: 100%;
                border-radius: 50%;
              }
            }
          }
          .Top2-Area {
            position: absolute;
            width: 1.41625rem;
            height: 1.41625rem;
            top: 3.125rem;
            left: 0.5375rem;
            background: url(/static/img/big/dier.png) no-repeat;
            background-size: contain;
            .topImg {
              position: absolute;
              width: 0.955rem;
              height: 0.955rem;
              background-color: black;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              border-radius: 50%;
            }
          }
          .Top3-Area {
            position: absolute;
            width: 1.41625rem;
            height: 1.41625rem;
            top: 3.125rem;
            left: 6.675rem;
            background: url(/static/img/big/dier.png) no-repeat;
            background-size: contain;
            .topImg {
              position: absolute;
              width: 0.955rem;
              height: 0.955rem;
              background-color: black;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              border-radius: 50%;
            }
          }
          .top1mes {
            position: absolute;
            width: 1.6rem;
            height: 1rem;
            left: 3.5125rem;
            top: 0.8rem;
            .topnum {
              text-align: center;
              color: #59fcfe;
              font-size: 0.3rem;
              font-weight: bold;
              margin-bottom: 0.1375rem;
            }
            .topname {
              font-size: 0.2rem;
              text-align: center;
              margin-bottom: 0.125rem;
            }
            .lastMon {
              font-size: 0.15rem;
              text-align: center;
            }
          }
          .top2mes {
            position: absolute;
            width: 1.6rem;
            height: 1rem;
            left: 3.7125rem;
            top: 1.7625rem;
            left: 0.45rem;
            .topnum {
              text-align: center;
              color: #59fcfe;
              font-size: 0.3rem;
              font-weight: bold;
              margin-bottom: 0.1375rem;
            }
            .topname {
              font-size: 0.2rem;
              text-align: center;
              margin-bottom: 0.125rem;
            }
            .lastMon {
              font-size: 0.15rem;
              text-align: center;
            }
          }
          .top3mes {
            position: absolute;
            width: 1.6rem;
            height: 1rem;
            left: 6.5875rem;
            top: 1.7625rem;
            .topnum {
              text-align: center;
              color: #59fcfe;
              font-size: 0.3rem;
              font-weight: bold;
              margin-bottom: 0.1375rem;
            }
            .topname {
              font-size: 0.2rem;
              text-align: center;
              margin-bottom: 0.125rem;
            }
            .lastMon {
              font-size: 0.15rem;
              text-align: center;
            }
          }
        }
        .xg {
          overflow: hidden;
          position: relative;
          background: url(/static/img/big/xiaoguanbang.png) no-repeat;
          background-size: contain;
          width: 8.625rem;
          height: 6.225rem;
          .Top3Tiele {
            position: absolute;
            left: 50%;
            margin-left: -1.7125rem;
            width: 3.425rem;
            height: 0.5875rem;
            background: url(/static/img/big/xiaoguan.png) no-repeat;
            background-size: contain;
            text-align: center;
            line-height: 0.5875rem;
            font-size: 0.375rem;
            font-weight: bold;
          }
          .Top1-Area {
            position: absolute;
            width: 2.1725rem;
            height: 2.1725rem;
            top: 1rem;
            left: 3.2375rem;
            background: url(/static/img/big/diyi.png) no-repeat;
            background-size: contain;
            .topImg {
              position: absolute;
              width: 1.49125rem;
              height: 1.49125rem;
              background-color: black;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              border-radius: 50%;
            }
          }
          .Top2-Area {
            position: absolute;
            width: 1.41625rem;
            height: 1.41625rem;
            top: 2rem;
            left: 0.5375rem;
            background: url(/static/img/big/dier.png) no-repeat;
            background-size: contain;
            .topImg {
              position: absolute;
              width: 0.955rem;
              height: 0.955rem;
              background-color: black;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              border-radius: 50%;
            }
          }
          .Top3-Area {
            position: absolute;
            width: 1.41625rem;
            height: 1.41625rem;
            top: 2rem;
            left: 6.675rem;
            background: url(/static/img/big/dier.png) no-repeat;
            background-size: contain;
            .topImg {
              position: absolute;
              width: 0.955rem;
              height: 0.955rem;
              background-color: black;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              border-radius: 50%;
            }
          }
          .top1mes {
            position: absolute;
            width: 1.6rem;
            height: 1rem;
            left: 3.5125rem;
            bottom: 1.8rem;
            .topnum {
              text-align: center;
              color: #59fcfe;
              font-size: 0.3rem;
              font-weight: bold;
              margin-bottom: 0.1375rem;
            }
            .topname {
              font-size: 0.2rem;
              text-align: center;
              margin-bottom: 0.125rem;
            }
            .lastMon {
              font-size: 0.15rem;
              text-align: center;
            }
          }
          .top2mes {
            position: absolute;
            width: 1.6rem;
            height: 1rem;
            left: 3.7125rem;
            bottom: 1.7625rem;
            left: 0.45rem;
            .topnum {
              text-align: center;
              color: #59fcfe;
              font-size: 0.3rem;
              font-weight: bold;
              margin-bottom: 0.1375rem;
            }
            .topname {
              font-size: 0.2rem;
              text-align: center;
              margin-bottom: 0.125rem;
            }
            .lastMon {
              font-size: 0.15rem;
              text-align: center;
            }
          }
          .top3mes {
            position: absolute;
            width: 1.6rem;
            height: 1rem;
            left: 6.5875rem;
            bottom: 1.7625rem;
            .topnum {
              text-align: center;
              color: #59fcfe;
              font-size: 0.3rem;
              font-weight: bold;
              margin-bottom: 0.1375rem;
            }
            .topname {
              font-size: 0.2rem;
              text-align: center;
              margin-bottom: 0.125rem;
            }
            .lastMon {
              font-size: 0.15rem;
              text-align: center;
            }
          }
        }
      }
    }
    .LineMain {
      position: relative;
      margin-top: 0.6rem;
      height: 4.5rem;
      width: 8.5875rem;
      .LineT {
        color: rgba(88, 252, 254, 1);
        font-size: 0.3rem;
        img {
          margin-right: 0.1125rem;
        }
      }
      #lineArea {
        margin-top: 0.12rem;
        width: 8.5875rem;
        height: 4.03rem;
        canvas {
          width: 8.5875rem !important;
          height: 4.03rem !important;
        }
      }
    }
  }
  .main_right {
    flex: 3;
    margin-top: 0.525rem;
    // background-color: blue;
    .signStar {
      position: relative;
      height: 2.75rem;
      width: 6rem;
      .signRank_title {
        line-height: 0.3rem;
        font-size: 0.3rem;
        img {
          vertical-align: middle;
        }
      }
      .firstSign {
        width: 6.3875rem;
        height: 1.7875rem;
        // background-color: red;
        margin-top: 0.1125rem;
        .left {
          position: relative;
          width: 1.9625rem;
          height: 1.7875rem;
          background: url(/static/img/big/qiandanpaihang.png) no-repeat;
          background-size: contain;
          float: left;
          .firstImg {
            position: absolute;
            width: 1.3125rem;
            height: 1.275rem;
            background-color: black;
            top: 0.1625rem;
            left: 0.1875rem;
          }
          .signstar {
            position: absolute;
            width: .25rem;
            font-size: 0.225rem;
            top: 0.4625rem;
            right: 0.1125rem;
            color: rgba(88, 252, 254, 1);
          }
          .firstName {
            position: absolute;
            color: rgba(0, 0, 0, 1);
            font-size: 0.175rem;
            left: 0.625rem;
            bottom: 0.0375rem;
          }
        }
        .right {
          float: left;
          // margin-left: .25rem;
          width: 4.275rem;
          height: 1.7875rem;
          // background-color: #fff;

          .topdate {
            width: 3.55rem;
            height: 0.4375rem;
            background-color: rgba(1, 90, 171, 1);
            margin-left: 0.25rem;
            line-height: 0.4375rem;
            text-align: center;
            color: rgba(88, 252, 254, 1);
            font-size: 0.25rem;
            font-weight: 400rem;
          }
          .bottomdate {
            margin-top: 0.125rem;
            .singDate {
              position: relative;
              margin-left: 0.25rem;
              width: 1.65rem;
              height: 1.2rem;
              background: url(/static/img/big/bj.png) no-repeat;
              background-size: contain;
              float: left;
              .singIm {
                position: absolute;
                left: 0.1625rem;
                top: 0.225rem;
                width: 0.5875rem;
                height: 0.5875rem;
              }
              .singT {
                position: absolute;
                color: rgba(255, 255, 255, 1);
                font-size: 0.15rem;
                top: 0.3rem;
                left: 0.8625rem;
              }
              .singNum {
                position: absolute;
                color: rgba(88, 252, 254, 1);
                font-size: 0.2rem;
                font-weight: bold;
                top: 0.58rem;
                left: 0.8625rem;
              }
            }
          }
        }
      }
      // background-color: yellow;
    }
    .signRank {
      position: relative;
      height: 3.15rem;
      width: 6rem;
      // background-color: green;
    }
    .teamRank {
      position: relative;
      height: 5rem;
      width: 6rem;
      margin-top: 0.55rem;
      // background-color: rgb(4, 252, 107);
      .teamRankTiele {
      
        margin-bottom: 0.2375rem;
        // width: 2rem;
        height: 0.4rem;
        vertical-align: middle;
        font-size: 0.3rem;
        color: rgba(88, 252, 254, 1);
        img {
          width: 0.2475rem;
          height: 0.3rem;
          vertical-align: middle;
          margin-right: 0.175rem;
        }
      }
      
      .rankBtn{
        position: absolute;
        top: 0;
        right: 30px;
      }
    }
  }
}